<template>
  <div>
    <vmode :value='num' @input='add'></vmode>
    <!-- v-model 就相当于:value='num' @input='add'
     做了这两件事,把组件当成表单元素用
     1.父组件把值传过去
     2.子组件需要修改值 给父组件传自定义事件,修改父组件的值
     3.修改后的值赋值给,父组件原有的值 -->
     <!-- 注意 :这样写 需要在 子组件自定义事件里面 
     把需要修改的内容传送过来
     注意此处不能写this.value += 1,子组件是不能修改父组件的值的
     this.$emit("input", this.value + 1);-->
    <vmode v-model="num"></vmode>

  </div>
</template>

<script>
import vmode from './components/vmode.vue'
export default {
  components:{vmode},
  data (){
    return {
      num:100
    }
  },
  methods:{
    add(val){
      this.num=val
    }
  }

}
</script>

<style>

</style>